<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="./../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./../css/publicheader.css">
    <link rel="stylesheet" href="./../css/screen.css">
    <link rel="stylesheet" href="./../css/base.css">
    <link rel="stylesheet" href="./../css/publicfooter.css">
    <link rel="stylesheet" href="./../css/details.css">
    <!-- [if lt IE 9]>
      <script src="./lib/html5shiv/html5shiv-printshiv.min.js></script>
      <script src="./lib/respond/respond.js"></script>
    <![endif] -->
</head>

<body>
    <!-- 遮罩层 -->
    <div class="shade">
        <img src="./../images/等待gif/index.vortex-spiral-spinner.gif" alt="">
    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-10 leftlogo">
                    <a href="javascript:;"></a>
                </div>
                <div class="col-xs-2 rightapp">
                    <a href="javascript:;"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索栏 -->
    <div class="search">
        <div class="lefttext">
            <input type="search" placeholder="请输入你想比价的商品">
            <button>搜索</button>
        </div>

    </div>
    <!-- 筛选栏 -->
    <div class="screenBOx">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-10 leftScreen">
                    <a href="./../index.html">
                        <span>首页</span>
                        <span>></span>
                    </a>
                    
                </div>
                <span class="tipes" style="display: none;position: absolute;right: 80px;top: 102px;font-size: 15px;color: #000;">数据没返回请刷新</span>
                <div class="col-xs-2 rightScreen">
                    <button>筛选</button>
                </div>
            </div>
        </div>
    </div>
    <div class="detalsMain">
        
    </div>
    <div class="morepl">
        <button>加载更多评价</button>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="container-fluid">
            <div class="row">
                <ul class="footerList">
                    <li class="col-xs-4">
                        <a href="javascript:;">
                            登录
                        </a>
                    </li>
                    <li class="col-xs-4">
                        <a href="javascript:;">
                            注册
                        </a>
                    </li>
                    <li class="col-xs-4">
                        <a href="javascript:;">
                            <span class="glyphicon glyphicon-arrow-up"></span>
                            返回顶部
                        </a>
                    </li>
                </ul>
                <p>
                    <a href="javascript:;">
                        <span>
                            手机app下载
                        </span>
                    </a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:;">
                        <span>
                            慢慢手机版下载
                        </span>
                        <span>
                            --掌上比价平台
                        </span>
                    </a>
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </div>
    <!-- 搜索栏动态生成 -->
    <script type="text/template" id="screentop">
            <a href="./screen.html?categoryid=<%=specialParam.result[0].categoryId%>">
                <span><%=res.result[0].category%></span>
                <span>></span>
            </a>    
            <a href="javascript:;">
                <span><%=specialParam.result[0].productName%></span>
                <span>></span>
            </a>        
    </script>
    <!--列表内容动态生成 -->
    <script type="text/template" id="detailsbody">
            <div class="productText">
                <h3><%=res.result[0].productName%></h3>
            </div>
            <!-- <img src="" alt=""> -->
            <%=#res.result[0].productImg%>
            <div class="shoucang">收藏</div>
            <div class="changepriceBox">
                <div class="changetop">
                    <div class="changeprice">比价购买</div>
                    <div class="productsj">产品参数</div>
                    <div class="pingjia">评价</div>
                </div>
                    
                <%=#res.result[0].bjShop%>
                <div class="mainbottom">
                    <p>*实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟</p>
                </div>
            </div>
            <div class="wangping">
                <div class="wtitle">
                    <span>网友评论</span>
                </div>
                
                <%for(var j=0; j<wpParam.result.length;j++){%>
                    <div class="wmain">
                        <span><%=wpParam.result[j].comName%></span>
                        <span><%=wpParam.result[j].comTime%></span>
                        <p><%=wpParam.result[j].comFrom%></p>
                        <p><%=wpParam.result[j].comContent%></p>
                    </div>
                <%}%>
            </div>
    </script>
    <script type="text/template" id="wpMain">
                <%for(var k=0; k<items.length;k++){%>
                    <div class="wmain">
                        <span><%=items[k].comName%></span>
                        <span><%=items[k].comTime%></span>
                        <p><%=items[k].comFrom%></p>
                        <p><%=items[k].comContent%></p>
                    </div>
                <%}%>
    
    </script>
    <script src="./../lib/jquery/jquery.js"></script>
    <script src="./../lib/bootstrap/js/bootstrap.js"></script>
    <script src="./../zepto1/src/zepto.min.js"></script>
    <script src="./../zepto1/src/fx.js"></script>
    <script src="./../zepto1/src/touch.js"></script>
    <script src="./../js/template-native.js"></script>
    <script src="./../js/details.js"></script>
    <script src="./../js/backtop.js"></script>
</body>

</html>